import React, { useState, useEffect } from 'react';
import NodeGraphView from './nodegraph/NodeGraphView';
import './App.css';
import { DataNode } from './nodegraph/DataNode';
import { NodeViewContext } from './nodegraph/NodeViewContext';

interface AppProps {}

function App({}: AppProps) {

  return (
    <>
    <br/>
      <NodeGraphView height={300} width={300}>
        <NodeViewContext.Provider value={{
          relX: 20,
          relY: 20,
          width: 100,
          height: 130
        }}>
          {new DataNode("Hello World").render({})}
        </NodeViewContext.Provider>
      </NodeGraphView>
    </>
  );
}

export default App;
